<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <button id="btn">点击我关闭定时器</button>
    <script>
        // 定时器 ：代码不会立刻执行 定时之后执行；
        // 1.倒计时定时器；setTimeout :单位是毫秒
        // 停止 倒计时定时器 clearTimeout；
         var timer =  setTimeout(function(){
            console.log(111);
        }, 3000);
        document.getElementById("btn").onclick = function(){
            // 停止间隔定时器 
            // clearTimeout(timer);
            clearInterval(timer);
        }


        // 2.间隔定时器： 间隔一段时间执行一段代码； 单位是毫秒
        // 开启定时器 setInterval  ，关闭定时器是 clearInterval
        // var timer =  setInterval(function(){
        //     console.log(111);
        // }, 1000);

        // document.getElementById("btn").onclick = function(){
        //     // 停止间隔定时器 
        //     clearInterval(timer)
        // }







    </script>
</body>
</html>